<template>
  <div>
    <a-tabs default-active-key="0" @change="callback">
      <a-tab-pane key="0" tab="创建批次">   <CreationBath :tabKey='tabKey' v-if="tabKey==='0'"/> </a-tab-pane>
      <a-tab-pane key="2" tab="运单扫描">
        <WaybillScanning v-if="tabKey==='2'"/>
      </a-tab-pane>
      <a-tab-pane key="146" tab="销毁批次">
       <CreationBath :tabKey='tabKey' v-if="tabKey==='146'"/>
      </a-tab-pane>
      <a-tab-pane key="1" tab="等待处理">  <CreationBath :tabKey='tabKey' v-if="tabKey==='1'"/> </a-tab-pane>
      <a-tab-pane key="10181" tab="销毁订单"> <ReturnOrder :tabKey='tabKey'  v-if="tabKey==='10181'"/> </a-tab-pane>
      <a-tab-pane key="10186" tab="退回订单"> <ReturnOrder :tabKey='tabKey'  v-if="tabKey==='10186'"/> </a-tab-pane>
    </a-tabs>
  </div>
</template>  
         
<script>
//创建批次
import CreationBath from "@/components/system/NoReturnForecast/CreationBath.vue";
//运单扫描
import WaybillScanning from "@/components/system/NoReturnForecast/WaybillScanning.vue";
import ReturnOrder from "@/components/system/NoReturnForecast/ReturnOrder.vue";
export default {
  components: {
    CreationBath,
    WaybillScanning,
    ReturnOrder
  },
  data() {
    return {
      spinning: false,
      expand: false,
      tabKey:'0',
    
    };
  },
  methods: {
    filterOption(input, option) {
      return (
        option.componentOptions.children[0].text
          .toLowerCase()
          .indexOf(input.toLowerCase()) >= 0
      );
      
    },
    callback(key){
      this.tabKey=key;
    }
  },
};
</script>

<style lang="less" scoped>
</style>